<script setup lang="ts">
import { ref } from 'vue';

    // 接受父组件传递的数据
    defineProps(['car','showToy'])
    let toy=ref('芭比娃娃')

</script>
<template>
    <div class="child">
       <h2> 我是子组件</h2>
      <h3> 父亲给我的车:{{ car }}</h3>
      <h3>我的玩具是:{{ toy }}</h3>
      <button @click="showToy(toy)">点击给爸爸展示我的玩具</button>
    </div>
</template>
<style lang="css" scoped>
    .child{
        width: 800px;
        height: 350px;
        padding:10px;
        background-color: antiquewhite;
    }
</style>